.project-management {
  padding: 0 24rpx 0 16rpx;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;

  .banner-img {
    width: 100%;

    .image {
      width: 100%;
    }
  }

  .panalBody {
    flex-grow: 1;
    height: 0;
  }

  .add-project {
    border: 2rpx dashed #1989fa;
    color: #1989fa;
    text-align: center;
    margin-bottom: 32rpx;
    border-radius: 16rpx;
    background: #fff;

    .add-project-inner {
      display: flex;
      align-items: center;
      padding: 24rpx 20rpx;
    }

    .plus {
      font-size: 64rpx;
      margin-right: 24rpx;
      line-height: 1;
      font-weight: 300;
    }

    .add-text {
      font-size: 36rpx;
      line-height: 1;
      font-weight: 500;
    }
  }

  .project-list {
    padding-bottom: 88rpx;
    .project-card {
      background: #fff;
      border-radius: 16rpx;
      margin-bottom: 18rpx;
      padding: 28rpx 10rpx 28rpx 34rpx;
      box-shadow: 4rpx 4rpx 6rpx rgba(0, 0, 0, 0.1);
      font-size: 24rpx;
      color: #555557;
      display: flex;
      flex-direction: column;
      gap: 20rpx;
      .title{
        color: #343a40;
        display: flex;
        justify-content: space-between;
        .text{
          font-size: 32rpx;
          font-weight: 600;
        }
        .count{
          background: #ebf2ff;
          color: #058aff;
          height: 40rpx;
          line-height: 40rpx;
          font-size: 20rpx;
          padding: 0 16rpx;
        }
      }
      .item{
        display: flex;
        .label{
          color: #adb5bd;
          width: 4em;
          text-align: right;

        }
        .value{
          padding-right: 1em;
        }
      }
    }
  }
}

.custom-search-bar {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 16rpx;
  box-shadow: 0 2rpx 8rpx 0 rgba(0, 0, 0, 0.04);
  padding: 0 20rpx;
  height: 84rpx;
  margin-bottom: 18rpx;

  .search-left {
    display: flex;
    align-items: center;
    flex: 1;
  }

  .search-icon {
    color: #b0bec5;
    margin-right: 12rpx;
    font-size: 32rpx;
  }

  .search-input {
    border: none;
    outline: none;
    background: transparent;
    font-size: 28rpx;
    flex: 1;
    color: #333;
  }

  .sort-icon {
    color: #5bbecf;
    margin-left: 12rpx;
    font-size: 32rpx;
  }
}